<!--个人信息修改-->
<template>
  <default-layout>
    <header-back text="个人资料" slot="header"></header-back>
    <div class="cell-list" slot="main">
      <!--<router-link to="/avatar" class="item">
        <div>个人头像</div>
        <div class="right">
          <div class="img">
            <img src="../avatar.png" alt="">
          </div>
          <i class="xffont xf-youkuohao"></i>
        </div>
      </router-link>-->
      <div class="item">
        <div>姓名</div>
        <div class="right">
          <span class="text">{{userInfo.aac003}}</span>
          <!--<i class="xffont xf-youkuohao"></i>-->
        </div>
      </div>
      <div class="item">
        <div>身份证号</div>
        <div class="right">
          <span class="text">{{userInfo.aac002}}</span>
          <!--<i class="xffont xf-youkuohao"></i>-->
        </div>
      </div>
    </div>
    <transition name="router" mode="out-in">
      <router-view></router-view>
    </transition>
  </default-layout>
</template>
<script>
  import HeaderBack from '../../../components/header-back/header-back.vue'
  import DefaultLayout from '../../../layouts/default-layout/default-layout'
  import {mapGetters} from 'vuex'

  export default {
    components: {DefaultLayout, HeaderBack},
    computed: {
      ...mapGetters([
        'userInfo'
      ])
    },
    data() {
      return {}
    }
  }
</script>
<style scoped lang="scss">
  @import "../../../common/style/variable";
  @import "../../../common/style/cellList";
</style>
